<!DOCTYPE html>
<html lang='ko'>
<head>
<meta charset="UTF-8">
	<title>form.html</title>
	<link rel='stylesheet' type='text/css' href='../css/main.css'/>
</head>
<body>
	<div class=title>Form Tag</div>
	
	<form>
		<label for=mid>id</label>
		<input type=text name=mid><br>
		<label for=pwd>password</label>
		<input type=password name=pwd size=8 maxlength=10><br>
		<label>gender</label>
		<label>
			<input type=radio name=gender>남자
		</label>
		<label>
			<input type=radio name=gender>여자
		</label>
		<br>
		<label>취미</label><br>
		<label><input type=checkbox name=hobby>여행</label><br>
		<label><input type=checkbox name=hobby>영화감상</label><br>
		<label><input type=checkbox name=hobby>하이킹</label><br>
		<label><input type=checkbox name=hobby>독서</label><br>
		<label><input type=checkbox name=hobby>야구</label><br>
		<label><input type=checkbox name=hobby>농구</label><br>
		<label><input type=checkbox name=hobby>축구</label><br>
		
		<label>사진 이미지</label>
		<input type=file name=photo>
		<hr/>
			<label>암호힌트<input type=search name=hint></label>
		<br>
		<label>부왘~?(1~10)</label>
		<input type=range min=1 max=10 step=1 value=5>
		<br>
		<label>어이쿠(1~200)</label>
		<input type=number min=1 max=200 placeholder='숫자만입력하세요'>
		<br>
		<label>새녀워이</label><br>
		<label>ㅇㄴㄹㄹ</label><br>
		<input type=date>
		<br>
		
		<label>sleep</label>
		<input type=time value=11:00:00>
		<br>
		
		<label>lovely color</label>
		<input type=color value=#ff0000>
		<br>
		
		<label>희망 근무지</label><br>
		<select size=1>
			<option>무관</option>
			<option>서울</option>
			<option>인천</option>
			<option>경기</option>
			<option>부산</option>
			<option>제주</option>
		</select>
		<br>
		<label>선호하는 사이트</label>
		<input type=url list=homepage>
		<datalist id=homepage>
			<option value=http://www.naver.com label=naver>
			<option value=http://www.daum.net label=daum>
			<option value=http://www.df.nexon.com label=dnf>
			<option value=http://www.mabinogi.nexon.com label=mabi>
		</datalist>
		
		<label>과목평가점수</label>
		<details>
		<summary>중간고사</summary>
			<label>국어</label><input type=number><br>
			<label>영어</label><input type=number><br>
			<label>수학</label><input type=number><br>
		</details>
		<details>
		<summary>기말고사</summary>
			<label>국어</label><input type=number><br>
			<label>영어</label><input type=number><br>
			<label>수학</label><input type=number><br>
		</details>
		<label>만족도</label>
		<meter min=0 max=100 value=75></meter>
		<br>
		<label>진행도</label>
		<progress max=100 value=50></progress>
		<br>
		<label>과정 커리큘럼</label>
		<select>
			<optgroup label=html5>
				<option>단원1</option>
				<option>단원2</option>
				<option>단원3</option>
			</optgroup>
			<optgroup label=css3>
				<option>단원1</option>
				<option>단원2</option>
				<option>단원3</option>
			</optgroup>
			<optgroup label=javascript>
				<option>단원1</option>
				<option>단원2</option>
				<option>단원3</option>
			</optgroup>
			<optgroup label=jsp>
				<option>단원1</option>
				<option>단원2</option>
				<option>단원3</option>
			</optgroup>
		</select>
		<br>
		<label>기타의견</label>
		<br>
		<textarea cols=40 rows=10></textarea>
		<br>
		<input type=submit>
		<input type=reset>
		<input type=button value=기타>
		
	</form>
</body>
</html>